var listaProductos;

function listarProductos(idempresa) {
    $('#informacion').hide('slow');
    $('#formulario').hide('slow');
    $('#cargandolistaproductos').show();
    $('#productos').show();
    $('li').removeClass('active');
    $('#liproductos').addClass('active');
    var str = "";
    $.ajax({
        dataType: "json",
        data: {ideEmpresa: idempresa},
        type: 'GET',
        url: "http://localhost/ServerManizalesMas/Controlador/Fachada.php?clase=Productos&metodo=lista_productos",
        success: function(data) {

            if (data !== null)
            {
                if (data === 'no') {
                    window.alert("no hay videos");
                }
                else {
                    if (data.length === 1) {
                        $('#cargandolistaproductos').hide('slow');
                        $('#sinproductos').show();

                    }
                    else if (data.length > 1) {
                        listaProductos = data;
                        var i = 1;
                        str = "<p style='text-align:right'><a class='btn btn-inverse' title='Agregar Producto' href='#myModalProductos' data-toggle='modal'>\n\
                        +</a><h2 style='text-align:center'>Listado de Productos actuales</h2></p><table class='table \n\
                        table-bordered tabled-striped'><thead><tr>\n\
                        <th style='text-align:center'> Imagen </th>\n\
                        <th style='text-align:center'> Nombre </th>\n\
                        <th style='text-align:center'> Descripcion \n\
                        </th><th style='text-align:center'> Acciones \n\
                        </th></tr></thead><tbody>";
                        var final = '</tbody></table>';
                        var medio = "";
                        var item;
                        while (i < data.length) {
                            item = data[i];
                            medio += "<tr><td style='text-align:center'><img src='../uploads/productos/" + item[2] + "'width=50;height=50px;'/></td><td style='text-align:center'>" + item[1] + "</td><td style='text-align:center'>" + item[3] + "</td><td style='text-align:center'><button onclick='javascript:cargarModal(" + i + ")' class='btn btn-inverse' type='button' style='margin-right:10px' title='editar " + item[1] + "'> Editar </button><button style='margin-left:10px' onclick='javascript:EliminarMedicamento(" + i + ")' class='btn btn-danger' type='button' title='eliminar " + item[1] + "'>Eliminar</button></td></tr>";
                            i++;
                        }
                        var final2 = str + medio + final;
                        $('#productos').html(final2);
                        $('#cargandolistaproductos').hide();
                    }
                }
            }
            else {
                window.alert("no hay productos");
            }
        },
        error: function(error) {

            window.alert("ha ocurrido un error");
        }
    });

}



function limpiarFormularioMedicamento() {
    $('#fotoProducto').val('');
}

$(document).ready(function() {
    var button = $('#upload'), interval;
    new AjaxUpload(button, {
        action: 'procesa.php',
        name: 'image',
        onSubmit: function(file, ext) {
            // cambiar el texto del boton cuando se selecicione la imagen
            button.text('Subiendo');
            // desabilitar el boton
            this.disable();

            interval = window.setInterval(function() {
                var text = button.text();
                if (text.length < 11) {
                    button.text(text + '.');
                } else {
                    button.text('Subiendo');
                }
            }, 200);
        },
        onComplete: function(file, response) {
            button.text('Subir Foto');
            window.clearInterval(interval);
            // Habilitar boton otra vez
            this.enable();
            // Añadiendo las imagenes a mi lista
            if ($('#gallery li').length === 0) {
                $('#gallery').html(response).fadeIn("fast");
                $('#gallery li').eq(0).hide().show("slow");
            } else {
                $('#gallery').prepend(response);
                $('#gallery li').eq(0).hide().show("slow");
            }
        }
    });

    // Listar  fotos que hay en mi tabla
    $("#gallery").load("procesa.php?action=listFotos");
});
 